<template>
  <div>
    <h2>Hello</h2>
    <button @click="emit('a')">触发 a 事件</button>
  </div>
</template>

<script setup>
import { useAttrs } from 'vue'

// 通过 defineProps 声明组件的 prop 数据
const props = defineProps({
  name: String,
  age: Number,
})
console.log(props.name)

const emit = defineEmits({
  a(value) {
    return value % 2 === 0
  },
})

// 通过 useAttrs 组合式函数，获取 attrs 数据
const attrs = useAttrs()
console.log('attrs', attrs)
</script>
